<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
<meta name="keywords" content="carousel, jquery, responsive, fluid, elastic, resize, thumbnail, slider" />
<meta name="author" content="Codrops" />
<title>微评说客</title>
<link rel="stylesheet" type="text/css" href="style/public.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="style/font-awesome.css">
<style>
	html,body{ background:#f2f2f2;}
</style>
</head>

<body>
<header class="index-header">
	<h1>我的好友</h1>
    <a href="#" class="icon-circle-arrow-left kl"></a>
</header>

<section class="my-friend">
	<div class="my-frienf-title">
    	<p><input type="text" placeholder="搜索"><span class="icon-search"></span></p>
    </div>
    <div class="my-friend-content">
    	<ul>
    		<li>
            	<a href="#">
            		<div class="left" style="background:url(images/img.gif) top no-repeat; background-size:100%;">
                    	
                    </div>
                    <div class="con">
                    	<h4>自由女神i</h4>
                    	<p><b><img src="images/nv.gif" alt=""></b><i>20</i></p><div class="clears"></div>
                    	<span>自拍三千只取一张。</span>
                    </div>
                    <div class="right">
                    	<p class="icon-angle-right"></p>
                    </div>
                    <div class="clears"></div>
            	</a>
            </li>
    		<li>
            	<a href="#">
            		<div class="left" style="background:url(images/img.gif) top no-repeat; background-size:100%;">
                    	
                    </div>
                    <div class="con">
                    	<h4>自由女神i</h4>
                    	<p class="nan"><b><img src="images/nan.gif" alt=""></b><i>20</i></p><div class="clears"></div>
                    	<span>自拍三千只取一张。</span>
                    </div>
                    <div class="right">
                    	<p class="icon-angle-right"></p>
                    </div>
                    <div class="clears"></div>
            	</a>
            </li>
    	</ul>
    </div>
</section>
<div class="hh"></div>
<nav>
	<ul>
		<li>
        	<a href="inedx.html" class="n1">
				<p></p>
				<span>首页</span>
			</a>
        </li>
		<li>
        	<a href="questionnaire.html" class="n2">
				<p></p>
				<span>问卷</span>
			</a>
        </li>
		<li>
        	<a href="Post.html" class="n3">
				<p></p>
				<span>发布</span>
			</a>
        </li>
		<li>
        	<a href="mine.html" class="n4">
				<p class="current"></p>
				<span class="current">我的</span>
			</a>
        </li>
	</ul>
</nav>
</body>
</html>
